<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Laybox科技</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		
		<!-- 大容器web 开始 -->
		
		<div class="web">
			
			<!-- 导航条 开始 -->
			<header>
				<nav class="navbar navbar-inverse navbar-fixed-top">
				  <div class="container">
				    <!-- Brand and toggle get grouped for better mobile display -->
				    <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				      <a class="navbar-brand" href="#">
						  <img src="./img/images/首页logo_03.png" >
					  </a>
				    </div>
				
				    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				      <ul class="nav navbar-nav">
				        <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
				        <li><a href="#">Laya家族</a></li>
						<li><a href="#">游戏</a></li>
						<li><a href="#">新闻动态</a></li>
						<li><a href="#">开发者中心</a></li>
						<li><a href="#">开发者社区</a></li>
						<li><a href="#">开放平台</a></li>
						<li><a href="#">关于我们</a></li>
				      </ul>
				      <ul class="nav navbar-nav navbar-right">
				        <li class="dropdown">
				          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
				          <ul class="dropdown-menu">
				            <li><a href="#">中文</a></li>
				            <li><a href="#">English</a></li>
				          </ul>
				        </li>
				      </ul>
				    </div><!-- /.navbar-collapse -->
				  </div><!-- /.container-fluid -->
				</nav>
			</header>
			<!-- 导航条 结束 -->
			
			
			
			<!-- 主体 开始 -->
			<div class="content">
				
				<!-- 巨幕 开始 -->
				<div class="jumbotron">
					<img src="img/images/首页-巨幕图_02.png" class="img-hover">
				</div>
				<!-- 巨幕 结束 -->
				
				<!-- LataFlash引擎 开始 -->
				<section class="engine">
					
					<div class="container eng">
						<!-- 左边内容 -->
						<div class="col-md-8 eng_left">
							<div class="title">LayaFlash 引擎</div>
							<p class="f_title">让Flash技术变成开发HTML5产品的利器</p>
							<div class="row">
								<div class="traitbox">
									<div class="col-md-6 clearfix flash_1">
										
										
											<div class="t_img">
												<img src="img/images/首页-闪电_03.jpg" >
											</div>
											<div class="t_font">
												<h3>快速Flash产品转换</h3>
												<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
											</div>
										
										
										
									</div>
									<div class="col-md-6 clearfix flash_2">
										<div class="t_img">
											<img src="img/images/首页-flash_03.jpg" >
										</div>
										<div class="t_font">
											<h3>LayaFlash IDE</h3>
											<p>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</p>
										</div>
									</div>
									<div class="col-md-6 clearfix flash_3">
										<div class="t_img">
											<img src="img/images/首页-0成本_03.jpg" >
										</div>
										<div class="t_font">
											<h3>HTML5零学习成本</h3>
											<p>AS3开发者可直接使用Flash开源框架和工具进行开发HTML5</p>
										</div>
									</div>
									<div class="col-md-6 clearfix flash_4">
										<div class="t_img">
											<img src="img/images/首页-小火箭_03.jpg" >
										</div>
										<div class="t_font">
											<h3>性能媲美APP</h3>
											<p>LayaFlash引擎的重度游戏已运行QQ空间等平台，性能媲美APP</p>
										</div>
									</div>
								</div>
							</div>
							
						</div>
						<!-- 右边内容 -->
						<div class="col-md-4 eg_right">
							<img
							  srcset="img/images/首页-手机钥匙_03.jpg 644w,
							          img/images/首页-手机钥匙_01.png 692w"
							  sizes="(max-width: 1000px) 322px 346px"
							  src="img/images/首页-手机钥匙_06.png"
							/>
						</div> 
					</div>
					
				</section>
				<!-- LataFlash引擎 结束-->
				
				<!-- layabox优势 开始 -->
				<section class="advantage">
					
					<div class="container adv">
						<!-- 左图 -->
						<div class="col-md-4 adv_img">
							<img src="img/images/首页-奖杯_05.jpg" >
						</div>
						
						<!-- 右文本 -->
						<div class="col-md-8 adv_main">
							<div class="main_h3">Layabox 优势</div>
							<ul class="main_ul">
								<li class="mul_li_1">
									<img src="img/images/首页-快速上手_03.jpg" >
									<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
								</li>
								<li class="mul_li_1">
									<img src="img/images/首页-4年优化_03.jpg" >
									<p>4年优化打磨，LayaPlayer运行器性能媲美APP</p>
								</li>
								<li class="mul_li_1">
									<img src="img/images/首页-超5亿_03.jpg" >
									<p>超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
								</li>
								<li class="mul_li_1">
									<img src="img/images/首页-使用lay_03.jpg" >
									<p>使用LayaFlash开发大型HTML5游戏的企业超100家</p>
								</li>
							</ul>
						</div>
					</div>
					
					
				</section>
				<!-- layabox优势 结束 -->
				
				<!-- 产品家族 开始 -->
				<section class="product">
					
					<div class="container pro">
						
						<div class="pro_title">Layabox产品家族</div>
						
						<div class="col-md-6 module">
							<img src="img/images/家族产品1_09.jpg" width="66px" height="66px">
							<div class="m_type">
								<h3>LayaAir</h3>
								<p>
									核心库仅100K左右的新一代HTML5引擎，
									支持AS3\TS\JS语言开发，支持2D\3D，
									非运行器模式下性能媲美APP。
								</p>
							</div>
						</div>
						<div class="col-md-6 module">
							<img src="img/images/家族产品2_09.jpg" >
							<div class="m_type">
								<h3>LayaPublish</h3>
								<p>
									Layabox发行业务，
									通过在H5产业链中的技术桥梁优势，
									帮助CP获得流量支持。
								</p>
							</div>
						</div>
						 
						<div class="col-md-6 module">
							<img src="img/images/家族产品3_12.jpg" >
							<div class="m_type">
								<h3>LayaFlash</h3>
								<p>
									使用Flash AS3语言开发H5的引擎框架，
									可直接在FB或FD中开发、调试、编译H5，
									也可快速将Flash页游\手游转换成H5游戏。
								</p>
							</div>
						</div>
						
						<div class="col-md-6 module">
							<img src="img/images/家族产品4_12.jpg" >
							<div class="m_type">
								<h3>LayaStore</h3>
								<p>
									嵌入式HTML5商城，
									APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，
									进入流量获利新时代。
								</p>
							</div>
						</div>
						
						<div class="col-md-6 module">
							<img src="img/images/家族产品5_18.jpg" >
							<div class="m_type">
								<h3>LayaPlayer</h3>
								<p>
									HTML5高速运行器，
									性能卓越、支持大型HTML5游戏流畅运行，
									目前已植入QQ、百度等20多家主流平台，安装量超5亿。
								</p>
							</div>
						</div>
						<div class="col-md-6 module">
							<img src="img/images/家族产品6_18.jpg" >
							<div class="m_type">
								<h3>LayaOpen</h3>
								<p>
									Layabox开放平台，
									整合了Laya提供的各项运营，
									管理服务的服务，
									提供给游戏提供商和互联网渠道的统一开放平台。
								</p>
							</div>
						</div>
						
					</div>
					
				</section>
				<!-- 产品家族 结束 -->
				
				<!-- 精彩游戏 开始 -->
				<section class="game">
					
					<div class="container ge">
						
						<div class="ge_title">
							<h3>采用Layabox引擎的精彩游戏</h3>
							<a href="" class="media_a"><span>更多</span></a>
						</div>
						
						<div class="col-md-5 col-sm-5 left_img">
							<img src="img/images/首页-视频_08.jpg" >
						</div>
						<div class="col-md-7 col-sm-7 right_ge">
							
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/猎刃2_10.jpg" class="img-hover">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/上吧公主_10.jpg" class="img-hover">
									<p>上吧主公</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/醉西游_10.jpg" class="img-hover">
									<p>醉西游</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/魔卡幻想_10.jpg" class="img-hover">
									<p>魔卡幻想</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/超能战队_10.jpg" class="img-hover">
									<p>超能战队</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/刀塔_10.jpg" class="img-hover">
									<p>刀塔大菠萝</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/三国_10.jpg" class="img-hover">
									<p>轰三国</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/猎人_10.jpg" class="img-hover">
									<p>迷你猎人</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/萌挂三国_10.jpg" class="img-hover">
									<p>萌挂三国</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/夺塔三国_10.jpg" class="img-hover">
									<p>夺塔三国</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/英雄争霸_10.jpg" class="img-hover">
									<p>英雄争霸</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="game-content">
									<img src="img/images/战争之门_10.jpg" class="img-hover">
									<p>战争之门</p>
								</div>
							</div>
							
						</div>
						
						
					</div>
					
				</section>
				<!-- 精彩游戏 结束 -->
				
				<!-- 合作伙伴 开始 -->
				<section class="cooperation">
					
					<div class="container cooper">
						
						<div class="row">
							
							<div class="col-lg-12 coo_title">
								<h2>合作伙伴</h2>
								<span>(排序不分先后)</span>
							</div>
							
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/qq空间_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/qq浏览器_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/百度_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/新浪微博_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="./img/images/火速移动_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/猎豹_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/爱游戏_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/小沃_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/咪咕_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/美图秀秀_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/yy游戏_10.jpg" class="img-hover">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 coo_partners">
								<div class="thumbnail">
									<img src="img/images/酷我音乐_10.jpg" class="img-hover">
								</div>
							</div>
							
							
						</div>
						
						
					</div>
					
				</section>
				<!-- 合作伙伴 结束 -->
				
				<!-- 尾部 开始 -->
				<footer>
					
					<div class="container foot">
						<div class="row">
							
							<div class="col-md-8 col-sm-8 col-xs-12 fo_left">
								<div class="l_ul clearfix">
									<ul>
										<a href="#">
											<li class="l_li">公司简介</li>
										</a>
										<a href="#">
											<li class="l_li">联系方式</li>
										</a>
										<a href="#">
											<li class="l_li">人才招聘</li>
										</a>
									</ul>
								</div>
								<div class="l_p">
									<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
								</div>
							</div>
							
							<div class="col-md-4 col-sm-4 col-xs-12 fo_right">
								<div class="footerwrap">
									<div class="wrap_1" id="btn1">
										<a href="" class="e"><img src="./img/images/邮件底部_03.jpg" ></a>
									</div>
									<div class="wrap1_f" id="btn1_light" style="display: none;">
										<img src="img/images/email.png" >
									</div>
									<div class="wrap_2" id="btn2">
										<a href=""><img src="img/images/尾部微信_03.jpg" ></a>
									</div>
									<div class="wrap2_f" id="btn2_light" style="display: none;">
										<img src="img/images/weixin.png" >
									</div>
									<div class="wrap_1" id="btn3">
										<a href=""><img src="img/images/尾部qq_03.jpg" ></a>
									</div>
									<div class="wrap3_f" id="btn3_light" style="display: none;">
										<img src="img/images/qqpop.png" >
									</div>
								</div>
							</div>
							
						</div>
					</div>
					
				</footer>
				<!-- 尾部 结束 -->
				
				
				
			</div>
			<!-- 主体 结束 -->
			
			
		</div>
		
		<!-- 大容器web 结束 -->
		
		
		<script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			window.onload = function(){
				var oBtn1 = document.getElementById('btn1');
				var oBtn1s = document.getElementById('btn1_light')
				var oBtn2 = document.getElementById('btn2');
				var oBtn2s = document.getElementById('btn2_light')
				var oBtn3 = document.getElementById('btn3');
				var oBtn3s = document.getElementById('btn3_light')
				oBtn1.onmouseover = function(){
					oBtn1s.style.display='block';
				}
				oBtn1.onmouseout = function(){
					oBtn1s.style.display='none';
				}
				oBtn2.onmouseover = function(){
					oBtn2s.style.display='block';
				}
				oBtn2.onmouseout = function(){
					oBtn2s.style.display='none';
				}
				oBtn3.onmouseover = function(){
					oBtn3s.style.display='block';
				}
				oBtn3.onmouseout = function(){
					oBtn3s.style.display='none';
				}
			}
			
			
		</script>
	</body>
</html>
